<template>
    <!-- <div class="box" style="width: 100%;"> -->
  <el-table

    :data="tableData"
    style="width: 100%"
    max-height="500"
    :header-cell-style="{ backgroundColor: '#ecf5ff' }"
    border
    @selection-change="handleSelectionChange"
  >
    <el-table-column type="selection" width="55" />
    <el-table-column prop="stuNo" label="学号"  width="200"/>
    <el-table-column prop="stuName" label="学生姓名"  width="200"/>
    <el-table-column prop="className" label="班级" width="200"/>
    <el-table-column prop="collegeName" label="学院名称"  width="200"/>
    <el-table-column prop="expertiseName" label="专业"  width="200"/>
    <el-table-column prop="createdTime" label="创建时间"  width="200"/>
    <el-table-column prop="workCity" label="上班城市"  width="200"/>
    <el-table-column prop="origin" label="市场部来源"  width="200"/>
    <el-table-column prop="salary" label="毕业薪资"  width="200"/>
    <el-table-column prop="status" label="学生状态"  width="200"/>
    <el-table-column prop="gradYear" label="毕业年份"  width="200"/>
    <el-table-column fixed="right" label="操作" width="200">
      <template #default="scope">
        <el-button type="primary" size="small" @click="searchFn(scope.row)"
          >查看</el-button
        >
        <el-button type="primary" size="small" @click="compile(scope.row)"
          >编辑</el-button
        >
        <el-button
          type="primary"
          size="small"
          @click="handleDelete(scope.row.id)"
          >删除</el-button
        >
      </template>
    </el-table-column>
  </el-table>
   <!-- </div> -->
</template>

<script lang="ts" setup>
import { onMounted, ref ,toRefs} from "vue";
import { studentList } from "@/api/server";
const props = defineProps(['tableData']);
let { tableData } = toRefs(props);
// const tableData = ref([]);


// onMounted(async () => {
 
// });

// 查看
const searchFn = () => {};
// 编辑
const compile = () => {};
// 删除
const handleDelete = () => {};

// Employment();
</script>

<style scoped lang="scss">
.el-table {
    width: 100%;
    height: 40vh;
    overflow: scroll;
}
</style>
